<template>
<div>
<van-nav-bar
  title="添加收货地址" :fixed="true" left-arrow @click-left="onClickLeft"
/>
<van-address-edit
  :area-list="areaList"
  :show-postal="false"
  show-set-default
  show-search-result
  :search-result="searchResult"
  @save="onSave"
  @change-detail="onChangeDetail"
  @change-default="changeDefault"
/>
</div>
</template>

<script>
import * as api from '@/api/address'
let areaObj = {
  province_list: {
    110000: '北京市',
    120000: '天津市'
  },
  city_list: {
    110100: '北京市',
    110200: '县',
    120100: '天津市',
    120200: '县'
  },
  county_list: {
    110101: '东城区',
    110102: '西城区',
    110105: '朝阳区',
    110106: '丰台区',
    120101: '和平区',
    120102: '河东区',
    120103: '河西区',
    120104: '南开区',
    120105: '河北区',
  }
}
export default {
    name:'AddAddress',
    
    data(){
        return{
         searchResult: [],
         areaList:areaObj,
         idDefault:false,
        }
    },
    methods:{
    changeDefault(value){
        this.idDefault = value
        console.log(this.idDefault)
    },
    onSave(content) {
         this.$toast('已保存');
         console.log(content)
         api.addAddress({
             receiver:content.name,
             mobile:content.tel,
             regions:`${content.province}-${content.city}-${content.county}`,
             address:content.addressDetail,
             idDefault:this.idDefault,
         }).then(data=>{
             console.log(data)
             this.$router.go(-1)
         })
    },
    onDelete() {
        this.$toast('delete');
    },
    onClickLeft(){
        this.$router.go(-1)
    },
    onChangeDetail(val) {
      if (val) {
        this.searchResult = [{
          name: '黄龙万科中心',
          address: '杭州市西湖区'
        }];
      } else {
        this.searchResult = [];
      }
    }
    }
}
</script>

<style scoped>
.van-address-edit{
    margin-top:44px;
}
</style>